* {
    margin: 0px;
    padding: 0px;
}

div#container {
    margin: 100px auto;
    width: -webkit-calc(100%);
    max-width: 320px;
    /*width: 320px;*/
    /*height: 480px;*/
    border: 1px solid #585858;
    border-radius: 8px;
    background-color: #f0f0f0;
}

#container_result {
    width: 320px;
    height: 64px;
    background-color: black;
    opacity: 0.8;
    border-radius: 6px 6px 0px 0px;
    overflow: scroll;
}

#result {
    height: 64px;
    color: white;
    text-align: right;
    margin: 0px 4px;
    font-size: 50px;
    line-height: 64px;
}

#table_button {
    list-style: none;
}

#table_button td, #table_button th {
    height: 64px;
}

#table_button td {
    width: 80px;
}

#table_button td.tr_last {
    background-color: rgb(242, 128, 39);
}

#table_button .tb_bottom_left {
    border-bottom-left-radius: 6px;
}

#table_button .tb_bottom_right {
    border-bottom-right-radius: 6px;
}

#table_button button {
    width: 100%;
    height: 104%;
    font-size: 32px;
    background-color: #f0f0f0;
    border: 1px solid #585858;
    z-index: -1;
    transition: all;
    -webkit-transition: all 0.3s;
}

#table_button button.tr_last {
    background-color: rgb(242, 128, 39);
}

#table_button button:active {
    z-index: 1;
    transform: scale(0.95, 0.95);
}
